<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="app">
        <input type="text" v-model="msg">
        {{msg}}
    </div>
</body>
<script src="./js/vue.js"></script>
<script>

    Vue.config.productionTip = false; // 取消生产提示

    //响应式数据: data中的数据如果发生改变 对应的界面会得到更新!
    //data中数据的读写权限都会代理给vm实例对象 (数据代理)
    var vm = new Vue({
        el:"#app",
        data:{
           msg:""
        }
    })




    //以后想要通过vue来渲染的数据 一定要经过data的注册!!!
    //如果没有经过data的注册 那这个数据是不具备响应式的能力的!

    //以后在vue中写代码 所有的代码都应该出现在配置对象中 不应该写在外卖
    //vm.msg2 = "hello kitty"


    // vue中的代码一定写在配置对象中
    /*setTimeout(()=>{
        vm.msg = "hello vue update"
    },1000)*/

    /*setTimeout(()=>{
        vm.msg2 = "hello kitty update"
    },2000)*/
</script>
</html>